<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>兑换记录详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <!-- <link rel="shortcut icon" href="http://favicon.ico"> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

    <!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">-->

    <!-- 固定的css 和 common.js 的引用    -->
    <link rel="stylesheet" href="../css/sm.min.css">
    <link rel="stylesheet" href="../css/sm-extend.min.css">
    <script type="text/javascript" src="../common/common.js"></script>

    <style type="text/css">
                                            /*css 的样式都放在这里*/
                                            #content{
                                                background-color: white;
                                            }
                                        #first,#second,.third_margin,.third_margin_only,#fourth{
                                            padding-left: 3%;
                                            padding-right: 3%;
                                        }
                                        #first img{
                                            width: 100%;
                                        }
                                        #first{
                                            border-bottom: solid 8px #EDEBEB;
                                            padding-bottom: 10px;
                                            padding-top: 10px;
                                            text-align: center;
                                            /*border: solid 1px red;*/
                                        }
                                        #second{
                                            /*border: solid 1px red;*/
                                            /*border-bottom: solid 1px gainsboro;*/
                                            padding-bottom: 0.5rem;
                                            padding-top: 0.5rem;
                                        }
                                        #third{
                                            /*border: solid 1px red;*/
                                        }
                                        #third_a{
                                            /*padding-bottom: 10px;*/
                                            padding-top: 10px;
                                            /*border-bottom: solid 1px gainsboro;*/
                                            border-top: solid 1px #EDEBEB;
                                            margin-bottom: 2px;
                                            font-weight: 700;
                                        }
                                        /*文字*/
                                        .xiaobiaoti{
                                            font-weight: 700;
                                        }
                                        .miaoshu{
                                            font-size: 14px;
                                        }
                                        .third_margin{
                                            padding-bottom: 10px;
                                        }
                                        .duihuan_click{
                                            border-radius: 5px;
                                            color: white;
                                            text-align: center;
                                            padding-top: 10px;
                                            padding-bottom: 10px;
                                            margin-left: 15%;
                                            margin-right: 15%;
                                            display: none;
                                        }
                                        .tracking_number{
                                            color: #4169E1;
                                        }
                                        #jifenchongzu{
                                            background-color: #FC6107;
                                        }
                                        #jifenbuzu{
                                            background-color: gainsboro;
                                        }
                                        #fourth{
                                            margin-top: 1rem;
                                            padding-bottom: 2rem;
                                        }
                                        .miaoshu p{
                                            margin: auto;
                                        }
                                        #nickname{
                                            font-size: 18px;
                                            font-weight: 700;
                                        }
                                        #numjifen{
                                            color: red;
                                            font-size: 25px;
                                        }
                                        #priceshangpin{
                                            color: darkgray;
                                            /*text-decoration:line-through;*/
                                        }
                                        .page.page-current{
                                            overflow: auto;
                                        }
                                        
                                            </style>


</head>
<body>
<div class="page-group">
    <div class="page page-current">
        <!-- html代码内容区域 -->

        <div id="content">
            <div id="second">
                <div id="nickname">
                    <!--火龙果-->
                </div>
                <div id="price">
                            <span id="numjifenadd">
                                <!--<span id="numjifen">
                                 130
                                 </span>
                                 <span id="">
                                 积分
                                 </span>-->
                            </span>


                </div>
            </div>
            <div id="third">
                <div id="third_a">
                    <div id="" class="third_margin_only">
                        兑换信息
                    </div>
                </div>
                <div id="" class="third_margin">
                    <!--<div id="" class="xiaobiaoti">
                     详情描述
                     </div>-->
                    <div id="miaoshuid" class="miaoshu">
                        <!--商品介绍内容1234567890-->
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>





<!-- 固定的js引用，所有的jQuery 要用 $$ 表示 -->
<script type="text/javascript" src="https://gitee.com/huaflower/CommonScoreShop/raw/master/js/jquery-1.11.1.min.js"></script>
<!-- 这一行代码是为了 避免js冲突 -->
<script type="text/javascript">var $$ =jQuery.noConflict();</script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonScoreShop/raw/master/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonScoreShop/raw/master/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='https://gitee.com/huaflower/CommonScoreShop/raw/master/js/sm-extend.min.js' charset='utf-8'></script>


<script type="text/javascript">
            // 函数区域，函数放在“初始化区域的上面”
            var chuanid;
            var chuanscore;
            
            
            var receiver = '';
            var mobile = '';
            var address = '';
            
            //一般app 初始化 html 传参数，函数名固定
            function getParams(data){
            
            
            //var bb = $.parseJSON(strv);
            var bb = JSON.parse(escape2Html(data));

            chuanid = bb.id;
            console.log(bb);


            if(isNotNull(bb.name)){
            $$("#nickname").html(bb.name);
            }
            if(isNotNull(bb.score)){
            $$("#numjifenadd").html('<span id="numjifen">'+bb.score+'</span><span id="">积分</span>&nbsp;&nbsp;&nbsp;&nbsp;');
            }

            if(isNotNull(bb.redeem) && bb.redeem == '1'){
            $$("#numjifenadd").html('<span id="numjifen">1</span><span id="">提货券</span>&nbsp;&nbsp;&nbsp;&nbsp;');
            }

            var sendstate = "待处理";
            if(isNotNull(bb.state)){
                if(Number(bb.state) == 1){
                    sendstate = "已发货";
                }
            }

            var strsendnum = '';
            if(isNotNull(bb.tracking_number)){
                strsendnum = '<div onclick="sendNumber(\''+bb.tracking_number+'\',\''+bb.company_number+'\')">单号：<span class="tracking_number">'+bb.tracking_number+'</span></div><br/>';
            }


            var orderstate = '未确认';
            if(isNotNull(bb.tracking_number)){
                orderstate = '已确认';
            }


            // if(isNotNull(bb.detail)){
            $$("#miaoshuid").html('<div><br/>收件地址：'+bb.address+'<br/><br/>'+'收件人：'+bb.receiver+'<br/><br/>'+'收件人手机号：'+bb.mobile+'<br/><br/>'+'订单状态：'+orderstate+'<br/><br/>'+strsendnum+''+'配送状态：'+sendstate+'</div>');
            // }

            }

            function sendNumber(number,company_number){
                var strurl = 'https://m.kuaidi100.com/index_all.html?type='+company_number+'&postid='+number;
                native_goto('local/webview?url='+strurl+'');
            }


            // 初始化区域
            $$(function () {
               //getParams();
               $$("#div_showaddress").hide();
               $.init();
               });

            </script>
</body>
</html>